<template>
	<view>
		<view class="bg-white u-p-l-32 u-p-r-32 u-p-t-20 u-p-b-20 flex u-col-center u-row-between">
			<view class="flex u-col-center ">
				<view class="text-black">接收报表推送</view>
			</view>
			<u-switch v-model="value"></u-switch>
		</view>

		<view class="bg-white u-p-l-32 u-p-r-32 u-p-t-20 u-p-b-20 u-m-t-20 solid-bottom">
			<u-tabs :list="list1" :activeStyle="activeStyle" lineColor="#FF5B00" :scrollable="false"></u-tabs>
		</view>
		
		<view  class="bg-white u-p-l-32 u-p-r-32 u-p-t-40 u-p-b-20">
			<view class="date-box flex u-col-center u-row-between">
				<text>2023年9月23日(昨天)</text>
				<u-icon name="calendar" size="26" color="#999"></u-icon>
			</view>
			<view class="text-center u-font-26 u-m-t-60">共收到</view>
			<view class="text-center u-m-t-10">
				<text class="unit">￥</text>
				<text class="amount">0.00</text>
			</view>
			<view class="flex u-col-center u-row-around">
				<view class="flex u-row-center u-flex-col u-col-center u-m-t-80">
					<view style="color: #999;">顾客人数</view>
					<view class="u-m-t-20 u-font-30 text-bold" style="color: #000;">0</view>
				</view>
				<view class="flex u-row-center u-flex-col u-col-center u-m-t-80">
					<view style="color: #999;">收款笔数</view>
					<view class="u-m-t-20 u-font-30 text-bold" style="color: #000;">0</view>
				</view>
				<view class="flex u-row-center u-flex-col u-col-center u-m-t-80">
					<view style="color: #999;">单笔均价</view>
					<view class="u-m-t-20 u-font-30 text-bold" style="color: #000;">￥0.00</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				activeStyle: {
					color: '#FF5B00'
				},
				value: false,
				list1: [{
					name: '日报',
				}, {
					name: '周报',
				}, {
					name: '月报'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style>
	.date-box{
		background-color: #f5f5f5;
		width: 360rpx;
		margin:  0 auto;
		padding: 6rpx 10rpx;
		border-radius: 8rpx;
		color: #000;
	}
	
	.unit {
		font-size: 40rpx;
		color: #000;
		font-weight: 800;
	}
	
	.amount {
		font-size: 60rpx;
		font-weight: 800;
		color: #000;
		margin-left: 10rpx;
	}
</style>